/* --布局 start-- */

html,
body {
  width: 100%;
  height: 100%;
}

/* header */

.header-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 2.5rem;
  background-color: rgba(222, 24, 27, 0.9);
}
/* --布局 end-- */

/* --组件 start-- */
.navbar {
  display: flex;
  height: 100%;
}
.navbar-left,
.navbar-center,
.navbar-right {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.navbar-left,
.navbar-right {
  width: 2.2rem;
}
.navbar-left .iconfont,
.navbar-right .iconfont {
  color: #fff;
  font-size: 1.2rem;
}
.navbar-center {
  flex: 1;
}
/* --组件 end-- */

/* --内容 start-- */

/* --内容 end-- */
